import React, { Component } from "react";

// 引入loading组件
import { Spin } from "antd";
import "@/assets/css/loading.css";

class Loading extends Component {
  // 该组件中的spining 和 tip 这两个属性,根据应用的场景,可以将其设置为动态属性
  // 在不同的场景中传递不同的参数

  // 定义默认属性值
  static defaultProps = {
    spinning: true,
    tip: "加载中...",
  };

  render() {
    return (
      <div className="loading">
        <Spin
          spinning={this.props.spinning}
          tip={this.props.tip}
          size="large"
        />
      </div>
    );
  }
}

export default Loading;
